<template>
  <div>
      <!-- 顶部操作 -->
      <div class="tableHead">
        <div>
          <el-button size="small" type="danger" @click="batchDelete" :disabled="batchDeleteArr.length === 0">
            <i class="el-icon-delete">
              批量删除
            </i>
          </el-button>
          <el-button size="small" @click="goBackUserList" :disabled="searchInput == ''">
            返回用户列表
          </el-button>
        </div>
          <el-row>
            <el-col>
              <el-input v-model="searchInput" placeholder="请输入搜索内容" size="small" style="width:250px"></el-input>
              <el-button @click="searchUser" size="small" type="success" icon="el-icon-search"></el-button>
            </el-col>
          </el-row>
      </div>
      <!-- 表格主体 -->
      <el-table>
        <el-table-column></el-table-column>
        <el-table-column></el-table-column>
        <el-table-column></el-table-column>
        <el-table-column></el-table-column>
        <el-table-column></el-table-column>
        <el-table-column></el-table-column>
        <el-table-column></el-table-column>
        <el-table-column></el-table-column>
      </el-table>
  </div>
</template>

<script>
export default {
    name:"UserClose",
    data() {
        return {
        tableData: Array(7).fill(item),
        batchDeleteArr:[],
        searchInput:'',
      }
    },
    methods:{
      //批量删除
      batchDelete(){
        
      },
      //返回用户列表
      goBackUserList(){

      },
      //模糊搜索
      searchUser(){

      },

    }
}
</script>

<style>
.navTab{
    height: 50px;
    border-bottom:1px solid #e6e6e6;
}
.searchInput{
    display: inline-block;
    width: 200px;
    height: 28px;
    border: 1px solid #e6e6e6;
    outline: none;
    padding-left: 5px;
    vertical-align:top;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}
.searchBtn{
    display: inline-block;
    width: 40px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border: 1px solid #e6e6e6;
    vertical-align:top;
    font-size: 13px;
    cursor: pointer;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
.searchBtn:hover{
    background-color: #d9ecff;
    color: #409EFF;
}
</style>